<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:pe="http://primefaces.org/ui/extensions">
<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>MRP</title>
    <!--<f:view locale="#{mainMgb.locale}"/>-->
    <f:view oamEnableViewPool="true"/>
    <style type="text/css">
        .accordionMenu .ui-menu {
            width: 100% !important;
        }

        .accordionMenu .ui-accordion-content {
            width: 92% !important;
            padding: 0 !important;
            overflow: inherit !important;
        }

        .ui-widget {
            font-size: 12px !important;
        }

        /* default/non-selected menuitem style */
        .orders-menuitem-text .ui-menuitem-text {
            font-size: 90% !important;
        }

        .ui-dialog-titlebar {
            background-color: #2C4F6D;
        }

        /* selected menuitem style */
        .orders-menuitem-selected .ui-menuitem-text {
            font-size: 95% !important;
            font-weight: bolder !important;
        }

        .ui-inputfield[disabled], .ui-inputfield[disabled].ui-state-focus {
            border: 0 !important;
            box-shadow: none !important;
            outline: 0 !important;
        }

        .ui-panelgrid .ui-panelgrid-footer {
            text-align: center;
            padding: 2px 5px;
        }

    </style>
    <script type="text/javascript">

        PrimeFaces.locales['th'] = { isBE: true, autoConversionField: false,
            closeText: 'ปิด', prevText: 'ก่อนหน้า', nextText: 'ต่อไป', monthNames: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'มีนาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม' ], monthNamesShort: ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.' ], dayNames: ['วันอาทิตย์', 'วันจันทร์', 'วันอังคาร', 'วันพุธ', 'วันพฤหัสบดี', 'วันศุกร์', 'วันเสาร์'], dayNamesShort: ['อา.', 'จ.', 'อ.', 'พ.', 'พฤ.', 'ศ.', 'ส.'], dayNamesMin: ['อา.', 'จ.', 'อ.', 'พ.', 'พฤ.', 'ศ.', 'ส.'], weekHeader: 'สัปดาห์', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'เวลาเท่านั้น', timeText: 'เวลา', hourText: 'ชั่วโมง', minuteText: 'นาที', secondText: 'วินาที', currentText: 'เวลาปัจจุบัน', ampm: false, month: 'เดือน', week: 'สัปดาห์', day: 'วัน', allDayText: 'ทุกวัน'
        };
    </script>
</h:head>
<h:body>
    <h:outputScript id="handleDialog" target="body">
        /* <![CDATA[ */
        function handleDialog(xhr, status, args, dlg) {

            if (!args.validationFailed) {
                if (args.checkBusinessFail != 'undefined')
                    if (!args.checkBusinessFail)
                        dlg.hide();
            }
        }

        function clickButton(id) {
            document.getElementById(id).click();
        }

        function selectMenuitemLink(link) {
            $("#menuSecurity").find(".ui-state-active").removeClass("ui-state-active");
            $(link).addClass("ui-state-active");
        }

        var t;

        function startTimer() {
            t = setTimeout("statusDialog.show()", 1100);
        }

        function stopTimer() {
            clearTimeout(t);
        }

        /* ]]> */
    </h:outputScript>
    <p:layout fullPage="true">
        <p:layoutUnit position="top" size="200" header="MENU"
                      resizable="true" collapsed="false" closable="false"
                      collapsible="true">
            <p:menubar>
                <p:submenu label="File" icon="ui-icon-document">
                    <p:submenu label="New" icon="ui-icon-contact">
                        <p:menuitem value="Project" url="#"/>
                        <p:menuitem value="Other" url="#"/>
                    </p:submenu>
                    <p:menuitem value="Open" url="#"/>
                    <p:separator/>
                    <p:menuitem value="Quit" url="#"/>
                </p:submenu>

                <p:submenu label="Edit" icon="ui-icon-pencil">
                    <p:menuitem value="Undo" url="#" icon="ui-icon-arrowreturnthick-1-w"/>
                    <p:menuitem value="Redo" url="#" icon="ui-icon-arrowreturnthick-1-e"/>
                </p:submenu>

                <p:submenu label="Help" icon="ui-icon-help">
                    <p:menuitem value="Contents" url="#"/>
                    <p:submenu label="Search" icon="ui-icon-search">
                        <p:submenu label="Text">
                            <p:menuitem value="Workspace" url="#"/>
                        </p:submenu>
                        <p:menuitem value="File" url="#"/>
                    </p:submenu>
                </p:submenu>

                <p:submenu label="Actions" icon="ui-icon-gear">
                    <p:submenu label="Ajax" icon="ui-icon-refresh">
                        <p:menuitem value="Save" actionListener="#{menuBean.save}" icon="ui-icon-disk"
                                    update="messages"/>
                        <p:menuitem value="Update" actionListener="#{menuBean.update}" icon="ui-icon-arrowrefresh-1-w"
                                    update="messages"/>
                    </p:submenu>
                    <p:submenu label="Non-Ajax" icon="ui-icon-newwin">
                        <p:menuitem value="Delete" actionListener="#{menuBean.delete}" icon="ui-icon-close"
                                    update="messages" ajax="false"/>
                    </p:submenu>
                </p:submenu>

                <p:menuitem value="Quit" url="http://www.primefaces.org" icon="ui-icon-close"/>

                <f:facet name="options">
                    <p:inputText style="margin-right:10px"/>
                    <p:commandButton type="button" value="Logout" icon="ui-icon-extlink"/>
                </f:facet>
            </p:menubar>
        </p:layoutUnit>
        <p:layoutUnit position="center">
            <h:panelGroup id="content" layout="block" style="margin: 0 auto;">
                <center>
                    <ui:insert name="body">Content</ui:insert>
                </center>
            </h:panelGroup>
            <pe:ajaxErrorHandler type="java.lang.Exception" button="Close">
                <f:facet name="title">
                    Error:<span style="color: red;">{error-name}</span>
                </f:facet>
                <f:facet name="msgbody">
                    <div>
                        <h:form>
                            <p:tabView>
                                <p:tab title="Message">
                                    <h:panelGrid columns="2">
                                        <h:outputLabel value="Error message:"/>
                                        <h:outputText value="{error-message}"
                                                      style="font-size: 1.2em;color:navy;"/>
                                        <h:outputLabel value="Server name:"/>
                                        <h:outputText value="{error-hostname}"
                                                      style="font-size: 1.2em;color:navy;"/>
                                    </h:panelGrid>
                                </p:tab>
                                <p:tab title="DetailError">
                                    <div style="overflow: auto; height: 300px; width: 700px;">{error-stacktrace}</div>
                                </p:tab>
                            </p:tabView>
                        </h:form>
                    </div>
                </f:facet>
            </pe:ajaxErrorHandler>
            <p:ajaxStatus onstart="startTimer();"
                          onsuccess="statusDialog.hide(); stopTimer();"
                          onerror="errorDialog.show(); stopTimer(); statusDialog.hide()"/>
            <p:dialog modal="true" widgetVar="statusDialog" header="Loading..."
                      draggable="false" closable="false">
                <p:graphicImage value="/images/ajax-loading-bar.gif"/>
            </p:dialog>
            <p:dialog modal="true" widgetVar="errorDialog" header="Error"
                      draggable="false" closable="false">
                Key 'F5' for Reload
            </p:dialog>
        </p:layoutUnit>
    </p:layout>
</h:body>
</html>
